<template>
   <div class="box">
      <h1>父组件</h1>

      <!--  Suspense标签-->
      <Suspense>
        <!-- 加载完成前展示给用户看的内容 -->
        <template v-slot:fallback>
            <p>正在努力加载.......</p>
        </template>

        <!-- 加载完成后正常展示给用户的数据 -->
        <template v-slot:default>
            <v-child></v-child>
        </template>
      </Suspense>
   </div>
</template>

<script setup>
// 1.引入异步加载组件的方法
import { defineAsyncComponent } from 'vue';

//2.异步加载子组件
const vChild = defineAsyncComponent(()=>import("./child.vue"));
</script>

<style>

</style>